{% extends "main/shared.html" %}
{% load static %}

{% block head %}
  <title>首页</title>
{% endblock %}

{% block main %}
  <div class="main-content">
    <div class="top-project-tabs-box">
      <div class="top-project-tabs">
        <a>关注</a>
        <a>推荐</a>
        <a>热门</a>
      </div>
    </div>

    <div class="project-list">
      <div class="project">
        <a class="project-link" href="/project/1">
          <div class="project-title">
            <h3>项目名称</h3>
          </div>

          <div class="project-content">
            <img class="project-image" src="{% static "main/assets/example.jpg" %}" alt="example image">
            <div class="project-text">
              <p>项目介绍</p>
            </div>
          </div>

          <div class="project-icon-list">
            <div class="vote-button-list">
              <button>点赞</button>
              <button>评论</button>
              <button>收藏</button>
            </div>

            <div class="project-tag-list">
              <a>#华南理工大学</a>
              <a>#计算机类</a>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
{% endblock %}